<template>
   <div id="detail">
    <mainHeader></mainHeader>
     	<!-- assets start -->
     	<div class="detail_main">
	  		<p class="crumbs"><a hrel="javascript:;"><em>&lt;</em>返回</a></p>
	  		<div class="asset_detail_top">
			<div class="adetail_left">
				<img id="src_img" class="src_img" src="../../public/images/img1.jpg" alt="" />
				<p class="src_resource">
					<img class="on" src="../../public/images/img1.jpg" alt="" />
					<img src="../../public/images/reg_b.jpg" alt="" />
					<img src="../../public/images/banner.jpg" alt="" />
					<img src="../../public/images/img1.jpg" alt="" />
					<img src="../../public/images/img1.jpg" alt="" />
				</p>
			</div>
			<div class="adetail_right">
				<h2>{{ assetsDetail.title }}<span><i class="iconfont">&#xe625;</i><font>{{ assetsDetail.heat }}</font></span></h2>
				<ul>
					<li>资产简介：
						<p>{{ assetsDetail.introduction }}</p>
					</li>
					<li>评估价：<span class="money">￥<b>{{ assetsDetail.price }}</b>万</span></li>
					<li>资产来源：<span>{{ assetsDetail.source }}</span></li>
					<li>联系咨询方式：<span>{{ assetsDetail.contacts }}</span></li>
					<li>资产状态：<span class="sell">在售中</span></li>
					<li><a class="select" href="javascript:;">收藏</a><a href="javascript:;">意向约谈</a></li>
				</ul>
			</div>
			</div>
			<div class="asset_detail_cont">
				<p class="J_secTabs">
					<a class="selected" href="javascript:;">资产说明</a>
					<a href="javascript:;">项目详情</a>
				</p>
				<div class="ctn">
					<div>
						<dl class="tables">
							<dt>基本信息</dt>
							<dd>
								<table>
									<tbody>
									<tr>
										<td>资产名称</td>
										<td>扬州中盾十二圩 </td>
									</tr>
									<tr>
										<td>资产类型</td>
										<td>工业厂房和土地 </td>
									</tr>
									<tr>
										<td>资产总额</td>
										<td>623万</td>
									</tr>
									<tr>
										<td>资产管理人</td>
										<td>江苏成安股权投资基金管理有限公司</td>
									</tr>
									<tr>
										<td>抵押</td>
										<td>江苏省扬州仪征市十二圩办事处弓尾村，工业厂房（3607.96平米），土地（27891平米），其中工业厂房有四栋（房产面积分别为78.41平米、2719.67平米、404.94平米、404.94平米）。南京润兴博资产评估有限公司采取债权价值分析方法，分别按774元、630元、1060元每平米评估的工业厂房价值为168.5万元，按255元每平米评估的土地价值为455.18万元，再经债权可回收价值分析按64%折扣后评估价值为623.68万元。
										</td>
									</tr>
									<tr>
										<td>项目描述</td>
										<td>扬州中盾十二圩项目位于扬州仪征市十二圩办事处弓尾村，仪征市国土资源局建设项目用地许可公示牌显示：该项目为国泰用于新建国泰消防产品研发、制造项目，由江苏中信建设集团运营开发。批准文号为：3210812015CR003号，容积率≥0.7，建筑密度≥40%，绿化率≤15%。项目紧邻308国道、苏港大道及加油站，交通便利，周边有仪征耀皮汽车玻璃有限公司、三信金属表面处理有限公司、超然钢结构制造有限公司、扬州依利安达电子有限公司、
										</td>
									</tr>
									</tbody>
								</table>
							</dd>
						</dl>
						<dl>
							<dt>资产说明</dt>
							<dd>扬州中盾十二圩项目位于扬州仪征市十二圩办事处弓尾村，仪征市国土资源局建设项目用地许可公示牌显示：该项目为国泰用于新建国泰消防产品研发、制造项目，由江苏中信建设集团运营开发。批准文号为：3210812015CR003号，容积率≥0.7，建筑密度≥40%，绿化率≤15%。项目紧邻308国道、苏港大道及加油站，交通便利，周边有仪征耀皮汽车玻璃有限公司、三信金属表面处理有限公司、超然钢结构制造有限公司、扬州依利安达电子有限公司、扬州荣腾塑业有限公司等多家公司。
								<img src="../../public/images/img1.jpg" />
								扬州中盾十二圩项目位于扬州仪征市十二圩办事处弓尾村，仪征市国土资源局建设项目用地许可公示牌显示：该项目为国泰用于新建国泰消防产品研发、制造项目，由江苏中信建设集团运营开发。批准文号为：3210812015CR003号，容积率≥0.7，建筑密度≥40%，绿化率≤15%。项目紧邻308国道、苏港大道及加油站，交通便利，周边有仪征耀皮汽车玻璃有限公司、三信金属表面处理有限公司、超然钢结构制造有限公司、扬州依利安达电子有限公司、扬州荣腾塑业有限公司等多家公司。
							</dd>
						</dl>
					</div>
	
					<div class="hide">
						<dl class="tables">
							<dt>约谈意向</dt>
							<dd>
								<ul class="tcommit">
									<li><a href="javascript:;">2016年08月25—13点35分<span>王先生对此项目有约谈意向</span></a></li>
									<li><a href="javascript:;">2016年08月25—13点35分<span>王先生对此项目有约谈意向</span></a></li>
									<li><a href="javascript:;">2016年08月25—13点35分<span>王先生对此项目有约谈意向</span></a></li>
									<li><a href="javascript:;">2016年08月25—13点35分<span>王先生对此项目有约谈意向</span></a></li>
									<li><a href="javascript:;">2016年08月25—13点35分<span>王先生对此项目有约谈意向</span></a></li>
									<li><a href="javascript:;">2016年08月25—13点35分<span>王先生对此项目有约谈意向</span></a></li>
									<li><a href="javascript:;">2016年08月25—13点35分<span>王先生对此项目有约谈意向</span></a></li>
									<li><a href="javascript:;">2016年08月25—13点35分<span>王先生对此项目有约谈意向</span></a></li>
								</ul>
							</dd>
						</dl>
						<dl>
							<dt>估价对象评估结果一览表</dt>
							<dd>
								<table>
									<tr>
										<td></td>
									</tr>
									<p>1.竞拍前请务必遵照《竞买公告》、《竞买须知》及《标的物情况介绍表》要求，进行实地看样、调查标的物信息（如过户要求、违章情况等）、了解竞买资质、委托代理及尾款支付方式等内容。 如违反相关规定，您的保证金可能会被法院划扣并产生其他司法处罚等后果，请理性参拍！</p>
								</table>
							</dd>
						</dl>
					</div>
				</div>
			</div>	
		</div>
		<!-- assets end -->
       <mainFooter></mainFooter>
   </div>
</template>

<script>
    import * as head from '../main/main';
    export default {
        name:'detail',
        data(){
        	return {
            	assetsDetail:[]
			}
        },
        components:{
            mainHeader:head.header,
            mainFooter:head.footer,
        },
        mounted: function () {
			this.getDetail();
		},
        methods:{
            getDetail() {
            	const _this = this;
				this.axios.get(_this.$store.state.Check.url + '/get_item',{
					params: {
						slug : localStorage.slug,
						list_name : 'featured_products',
						id: _this.$route.query.assetid
					}
				}).then(function(response){
					_this.assetsDetail = response.data;
				}).catch(err => {
                    this.$notify({
                        title: '警告',
                        message: '网络出错了~再试试吧~',
                        type: 'warning'
                    });
                });
            }
		}
   }
</script>
<style scoped lang="less" rel="stylesheet/less" type="text/css">
	@import '../../public/css/variable.less';
	.detail_main{
		width: 1200px;
		margin: 20px auto;
	}
	.asset_detail_top{
	    .cf();
	    border-top: 1px solid #f4f5f6;
	    border-bottom: 1px solid #f4f5f6;
	    padding: 25px 0 30px 20px;
	    box-sizing: border-box;
	    .adetail_left{
	        float: left;
	        width: 580px;
	        .src_img{
	            width: 100%;
	            height: 380px;
	            .bdr(5px);
	        }
	        p{
	            .cf();
	            margin-top: 10px;
	            img{
	                cursor: pointer;
	                float: left;
	                width: 18.4%;
	                height: 75px;
	                margin-left: 2%;
	                .bdr(5px);
	                &:first-child{ margin-left: 0; }
	                &.on{
	                    box-shadow: 1px 1px 1px 1px @cgolden;
	                }
	            }
	        }
	    }
	    
	    .adetail_right{
	        margin-left: 625px;
	        h2{
	            position: relative;
	            .fonts(18px);
	            color: #5d5f63;
	            line-height: 60px;
	            border-bottom: 1px solid #f4f5f6;
	            margin-bottom: 25px;
	            span{
	                float: right;
	                color: #76797c;
	                .fonts(14px);
	                i{ .fonts(20px); padding-right: 5px; }
	            }
	            &:before{
	                content: "";
	                position: absolute;
	                bottom: 0;
	                left: 0;
	                width: 60px;
	                height: 3px;
	                background: @cgolden;
	            }
	        }
	        li{
	            .fonts(16px);
	            color: #5d5f63;
	            margin-bottom: 20px;
	            p,span{
	                color: #8f9397;
	            }
	            p{
	                .spil(3);
	                height: 80px;
	                margin-top: 20px;
	                line-height: 28px;
	            }
	            .money{
	                color: @cgolden;
	                b{
	                    .fonts(30px);
	                    font-weight: normal;
	                }
	            }
	            .sell{
	                color: #0b69aa;
	            }
	            a{
	                display: inline-block;
	                width: 190px;
	                line-height: 45px;
	                border: 1px solid @cgolden;
	                .bdr(5px);
	                text-align: center;
	                color: @cgolden;
	                box-sizing: border-box;
	                &.select,&:hover{
	                    background: @cgolden;
	                    color: @cw;
	                }
	                &:first-child{ margin-right: 35px; }
	            }
	        }
	    }
	}
	
	.asset_detail_cont{
	    margin-top: 55px;
	    padding: 0 20px;
	    box-sizing: border-box;
	    .J_secTabs{
	        color: #5d5f63;
	        .fonts(17px);
	        a{
	            display: inline-block;
	            width: 140px;
	            line-height: 48px;
	            height: 48px;
	            text-align: center;
	            box-sizing: border-box;
	            border: 1px solid transparent;
	            border-top: 3px solid transparent;
	            &.selected{
	                .bdr(5px);
	                color: @cgolden;
	                border-color: #EFEFEF;
	                border-top-color: @cgolden;
	                border-bottom: 0;
	            }
	        }
	    }
	    .ctn{
	        .cf();
	        border: 1px solid #efefef;
	        .bdr(5px);
	        padding: 40px 35px;
	        box-sizing: border-box;
	        dl{
	            width: 525px;
	        }
	        .tables{
	            float: right;
	        }
	        dt{
	            position: relative;
	            .fonts(16px);
	            color: #5d5f63;
	            padding-bottom: 15px;
	            margin-bottom: 20px;
	            border-bottom: 1px solid #efefef;
	            &:before{
	                content: "";
	                position: absolute;
	                left: 0;
	                bottom: 0;
	                width: 40px;
	                height: 3px;
	                background: @cgolden;
	            }
	        }
	        dd{
	            .fonts(14px);
	            color: #8f9397;
	            line-height: 28px;
	            padding-right: 20px;
	            box-sizing: border-box;
	            border-right: 1px solid #efefef;
	            img{
	                width: 100%;
	                margin: 20px 0;
	            }
	        }
	        table{
	            border: 1px solid #efefef;
	            tr{
	                color: #8f9397; 
	                &:nth-child(2n+1){
	                    background: #fbfbfb;
	                }
	                td{
	                    padding: 14px 25px;
	                    box-sizing: border-box;
	                }
	                td:first-child{ 
	                    width: 115px;
	                    color: #76797c; 
	                    border-right: 1px solid #efefef;
	                }
	            }
	        }
	        .tcommit{
	            li{
	                &:nth-child(2n+1){
	                    background: #f8f8f8;
	                }
	            }
	            a{
	                color: #76797c;
	                display: block;
	                padding: 15px 25px;
	                span{
	                    padding-left: 40px;
	                }
	            }
	        }
	    }
	}

</style>